<template>
	<div id="login-container" :style="$jspt.getImage('top0.jpg', true)">
		<div class="login-box">
			<Login_Tab />
			<router-view />
		</div>
	</div>
</template>

<script>
import $ from "jquery";
import Login_Tab from "@login/vue/login-tab";

export default {
	mounted() {
		let that = this;
		that.resized();
		window.addEventListener("resize", () => that.resized());	
		$(".login-box").animate({'top': '50%', 'opacity': '1'}, 1000);	 
	},
	methods: {
		resized() {
			$("#login-container").height($(window).height());
		}
	},
	components: {
		Login_Tab
	}
}
</script>

<style lang="scss">
@import "@login/scss/index.scss";
</style>